<template>
	<view>我在抖动吗?</view>
</template>

<script>
</script>

<style>
	page {
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: 100vh;
		background: #000;
	}

	view {
		color: #fff;
		font-family: sans-serif;
		font-size: 50rpx;
		animation: animate 0.5s linear infinite;
	}

	@keyframes animate {

		0%,
		100% {
			text-shadow: -1.5px -1.5px 0 #0ff, 1.5px 1.5px 0 #f00;
		}

		25% {
			text-shadow: 1.5px 1.5px 0 #0ff, -1.5px -1.5px 0 #f00;
		}

		50% {
			text-shadow: 1.5px -1.5px 0 #0ff, 1.5px -1.5px 0 #f00;
		}

		75% {
			text-shadow: -1.5px 1.5px 0 #0ff, -1.5px 1.5px 0 #f00;
		}
	}
</style>
